import {reqGoodsInfo, reqAddOrUpdateShopCart} from '@/api/index.js'
// 封装游客身份模块uuid--->生成一个随机字符串（不能在变了）
import {getUUID} from '@/utils/uuid_token.js'
const state = {
  goodInfo: {},
  // 游客临时身份
  uuid_token: getUUID()
}
const mutations = {
  GETGOODINFO(state, goodInfo) {
    state.goodInfo = goodInfo
  }
}
const actions = {
  // 获取产品信息的action
  async getGoodInfo({commit}, skuId) {
    let res = await reqGoodsInfo(skuId)
    if(res.code == 200) {
      commit('GETGOODINFO', res.data)
    }
  },
  // 将产品添加到购物车中
  async addOrUpdateShopCart({commit}, {skuId, skuNum}) {
    // 加入购物车返回的结果
    // 加入购物车之后（发请求），前台将参数带给服务器
    // 服务器写入数据库成功，并没有返回其他的数据，只是返回了code=200，代表这次操作成功
    // 因为服务器没有返回其余的数据，因此咱们不需要三连环存储数据
    let res = await reqAddOrUpdateShopCart(skuId, skuNum)
    // 当前的这个函数如果执行，返回的是Promise，要么成功要么失败
    if(res.code === 200) {
      // 代表服务器加入购物车成功
      return 'ok'
    } else {
      // 代表加入购物车失败
      return Promise.reject(new Error('faile'))
    }
  }
}
// 简化数据而生
const getters = {
  // 路径导航简化的数据
  categoryView(state) {
    // 比如state.goodInfo初始状态是空对象，空对象的categoryView属性值undefined
    // 当前计算出来的属性的属性值至少是一个空对象，警告就不会有了
    return state.goodInfo.categoryView || {}
  },
  // 简化产品信息的数据
  skuInfo(state) {
    return state.goodInfo.skuInfo || {}
  },
  // 产品售卖属性的简化
  spuSaleAttrList(state) {
    return state.goodInfo.spuSaleAttrList || []
  }
}
export default {
  state,
  mutations,
  actions,
  getters
}